<!DOCTYPE HTML>
<html class="js cssanimations">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>admin - 控制台</title>
		<link rel="stylesheet" href="../assets/css/amazeui.min.css">
		<link rel="stylesheet" type="text/css" href="../assets/css/app.css" />
		<link rel="stylesheet" href="css/admin.css" />
		<!--<link rel="stylesheet" type="text/css" href="../assets/css/photoClip.css" />-->
		<style type="text/css">
			#my-quality-popup .am-checkbox,
			#my-quality-popup .am-checkbox-inline,
			#my-quality-popup .am-radio,
			#my-quality-popup .am-radio-inline {
				min-width: 30%;
			}
			
			#clipArea {
				width: 100%;
				height: 400px;
			}
			
			.am-form:first-child {
				padding-top: 1em;
			}
			
			#form-box {
				overflow: hidden;
			}
			
			.am-form .am-input-group span.am-input-group-label {
				min-width: 120px;
			}
			
			@media only screen and (min-width: 630px) {
				#notice-popup {
					width: 700px;
				}
			}
		</style>
	</head>

	<body class="am-with-topbar-fixed-top">
		<!-- start 加载框 -->
		<div class="loading">
			<div class="am-modal am-modal-loading am-modal-no-btn am-modal-active" id="my-modal-loading" style="display: block;opacity: 1;margin-top: -51px;">
				<div class="loader am-text-center">
					<div class="loader-inner semi-circle-spin" style="display: inline-block;">
						<div></div>
					</div>
				</div>
				<p class="am-text-white txt">加载中...</p>
			</div>
			<div style="display: block;" class="am-dimmer am-active" data-am-dimmer></div>
		</div>
		<!-- end 加载框 -->

		<!-- start 头部导航 -->
		<header class="am-topbar am-topbar-fixed-top" id="fixed-top-topbar">
			<div class="am-topbar-brand am-text-white">
				<a href="../Home/home.html">
					<img class="logo" src="../assets/img/logo.png" > <small>用户管理中心</small>
				</a>
			</div>
			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only check-head-nav" data-am-collapse="{target: '#collapse-head'}">
				<span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
			</button>
			<div class="am-collapse am-topbar-collapse" id="collapse-head">
				<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
					<li>
						<a href="javascript:;">
							<span class="am-icon-bell"></span> 通知
							<span class="am-badge am-badge-success countUp" data-endVal="60">0</span>
						</a>
					</li>
					<li>
						<a href="../Home/home.html">
							<span class="am-icon-home"></span> 返回首页
						</a>
					</li>
					<li class="am-dropdown" data-am-dropdown="">
						<a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
							<span class="am-icon-user"></span>
							<small>13701378834@163.com</small>
							<span class="am-icon-caret-down"></span>
						</a>
						<ul class="am-dropdown-content">
							<li><a href="user.html"><span class="am-icon-user"></span> 资料</a></li>
							<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</header>

		<!-- start 内容区域 -->
		<div class="admin-main" id="main">
			<!-- start 导航开始 -->
			<div class="am-cf admin-sidebar am-offcanvas" id="admin-offcanvas">
				<div class="am-offcanvas-bar admin-offcanvas-bar">
					<ul class="am-list admin-sidebar-list" id="admin-left-nav">
						<li>
							<a href="vipRank.html">
								<span class="iconfont icon-dengji"></span> 会员等级
							</a>
						</li>
						<li class="am-active">
							<a href="user.html">
								<span class="am-icon-user"></span> 账户信息
								<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span>
							</a>
						</li>
						<li>
							<a href="uploadPhoto.html">
								<span class="am-icon-upload"></span> 上传照片
							</a>
						</li>
						<li>
							<a href="msg.html">
								<span class="am-icon-twitch"></span> 消息中心
							</a>
						</li>
						<li>
							<a href="changepwd.html">
								<span class="am-icon-expeditedssl"></span> 修改密码
							</a>
						</li>
						<li>
							<a href="orderList.html">
								<span class="am-icon-street-view"></span> 我的报团
							</a>
						</li>
						<li>
							<a href="history.html">
								<span class="am-icon-cart-arrow-down"></span> 历史记录
							</a>
						</li>
					</ul>
					<div class="am-panel am-panel-default admin-sidebar-panel am-hide-sm-only">
						<div class="am-panel-bd">
							<p><span class="am-icon-bookmark"></span> 公告</p>
							<p class="am-margin-xs">时光静好，与君语。</p>
							<p class="am-margin-xs">细水流年，与君同。</p>
						</div>
					</div>
				</div>
			</div>
			<!-- end 导航结束 -->

			<!-- start 内容开始 -->
			<div class="am-g pd-left270" id="admin-right-main">
				<!-- start 头像 -->
				<div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
					<div class="am-panel am-panel-default">
						<div class="am-panel-bd">
							<div class="am-g am-text-center">
								<div class="am-u-sm-8 am-u-sm-push-2 am-u-md-6 am-u-md-push-0 am-u-lg-6 am-u-lg-push-3">
									<img class="am-img-circle am-img-thumbnail" id="user-head" src="img/q2.jpg">
									<div class="am-form-group">
										<hr />
										<button type="button" class="am-btn am-btn-primary am-btn-xs" id="upload-head">上传头像</button>
									</div>
								</div>
								<div class="am-u-sm-12 am-u-md-6 am-u-lg-8 am-u-lg-pull-2">
									<div class="am-panel am-panel-default">
										<div class="am-panel-bd">
											<div class="user-info">
												<p>等级信息</p>
												<img class="am-img-circle am-img-thumbnail" src="img/4.png" />
												<p class="user-info-order">当前等级：<strong>国王</strong></p>
											</div>
											<div class="user-info">
												<p>真实度</p>
												<div class="am-progress am-progress-striped am-progress-sm am-active">
													<div class="am-progress-bar am-progress-bar-warning" style="width: 30%"></div>
												</div>
												<p class="user-info-order">身份未经专人验证 </p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- end 头像 -->

				<!-- start 用户信息栏 -->
				<div id="user-all-form" class="am-u-sm-12 am-u-md-12 am-u-lg-8 am-tabs" data-am-tabs data-am-tabs-noswipe="1">
					<ul class="am-tabs-nav am-nav am-nav-tabs">
						<li class="am-active"><a href="#basic-tab">基本信息</a></li>
						<li><a href="#reality-tab">真实信息</a></li>
						<li><a href="#rest-tab">其他信息</a></li>
						<li><a href="#options-tab">其他选项</a></li>
					</ul>
					<div class="am-tabs-bd" id="form-box">
						<div class="am-tab-panel am-fade am-in am-active" id="basic-tab">
							<form class="am-form am-container am-padding-bottom" method="post" action="">
								<div class="am-g am-padding-sm">
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-user"></i> <span>会员编号</span></span>
										<input type="text" name="number" class="am-form-field am-radius" placeholder="会员编号系统自动生成" disabled>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-comment"></i><span class="am-padding-horizontal-xs">昵　称</span></span>
										<input type="text" name="nickname" class="am-form-field am-radius" placeholder="昵称" required="" value="">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-heartbeat"></i> <span>婚姻状况</span></span>
										<select class="am-form-field" name="marriage">
											<option>未婚</option>
											<option>离异无子</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-child"></i><span class="am-padding-horizontal-xs">身　高</span></span>
										<select id="sel-height" class="am-form-field" name="height" data-value="165">
											<option>165</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-male"></i><span class="am-padding-horizontal-xs">体　重</span></span>
										<select id="kg-height" name="kg" data-value="50">
											<option>50</option>
										</select>
									</div>
									<div class="am-g">
										<div class="am-u-sm-12 am-u-md-12 am-u-lg-4 am-u-lg-push-4">
											<button class="am-btn am-btn-success am-radius am-btn-block btn-submit" type="submit">确定</button>
										</div>
									</div>
								</div>
							</form>
						</div>

						<div class="am-tab-panel am-fade" id="reality-tab">
							<h3 class="am-text-center">每个用户只能绑定一个身份证</h3>
							<form class="am-form am-container am-padding-bottom" method="post" action="">
								<div class="am-g am-padding-sm">
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-user"></i> <span class="am-padding-horizontal-xs">姓　名</span></span>
										<input type="text" name="username" class="am-form-field am-radius" placeholder="真实姓名" required minlength="2" maxlength="12">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-credit-card"></i><span class="am-padding-horizontal-xs">身份证</span></span>
										<input type="text" name="card" class="am-form-field am-radius" placeholder="身份证" required minlength="18" maxlength="18">
									</div>
									<div class="am-g">
										<div class="am-u-sm-12 am-text-center">
											<button class="am-btn am-btn-primary am-radius" id="checkinfo" type="submit">验证信息</button>
										</div>
									</div>
								</div>
							</form>
							<form class="am-form am-container" method="post" action="">
								<h3 class="am-text-center am-margin-top-0">根据真实信息自动输入</h3>
								<fieldset id="reality-info" disabled class="am-padding-left-0">
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-intersex"></i> <span class="am-padding-horizontal-xs">性　别</span></span>
										<select class="am-form-field" name="sex">
											<option value="男">男</option>
											<option value="女">女</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-connectdevelop"></i> <span class="am-padding-horizontal-xs">星　座</span></span>
										<select class="am-form-field" name="constellation">
											<option value="白羊座">白羊座</option>
											<option value="金牛座">金牛座</option>
											<option value="双子座">双子座</option>
											<option value="巨蟹座">巨蟹座</option>
											<option value="狮子座">狮子座</option>
											<option value="处女座">处女座</option>
											<option value="天枰座">天枰座</option>
											<option value="天蝎座">天蝎座</option>
											<option value="射手座">射手座</option>
											<option value="魔蝎座">魔蝎座</option>
											<option value="水瓶座">水瓶座</option>
											<option value="双鱼座">双鱼座</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="iconfont icon-nianling icon-md"></i><span class="am-padding-horizontal-xs">年　龄</span></span>
										<input type="text" name="age" class="am-form-field am-radius" placeholder="自动输入">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-home"></i><span class="am-padding-horizontal-xs">出生地</span></span>
										<input type="text" name="birthplace" class="am-form-field am-radius" placeholder="自动输入">
									</div>
								</fieldset>
							</form>	
						</div>

						<div class="am-tab-panel am-fade" id="rest-tab">
							<form class="am-form am-container am-padding-bottom" method="post" action="">
								<div class="am-g am-padding-sm">
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-envelope"></i><span class="am-padding-horizontal-xs">邮　箱</span></span>
										<input type="text" name="email" class="am-form-field am-radius" placeholder="Email地址" required="">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-graduation-cap"></i><span class="am-padding-horizontal-xs">学　历</span></span>
										<select class="am-form-field" name="education">
											<option value="大专">大专</option>
											<option value="本科">本科</option>
											<option value="硕士">硕士</option>
											<option value="博士">博士</option>
											<option value="其他">其他</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-bank"></i><span>毕业学校</span></span>
										<input type="text" name="school" class="am-form-field am-radius" placeholder="xx学校" required="">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-user-secret"></i><span class="am-padding-horizontal-xs">职　业</span></span>
										<select class="am-form-field" name="profession">
											<option value="计算机/互联网/通信">计算机/互联网/通信</option>
											<option value="生产/工艺/制造">生产/工艺/制造</option>
											<option value="医疗/护理/制药">医疗/护理/制药</option>
											<option value="金融/银行/投资/保险">金融/银行/投资/保险</option>
											<option value="商业/服务业/个体经营">商业/服务业/个体经营</option>
											<option value="文化/广告/传媒">文化/广告/传媒</option>
											<option value="娱乐/艺术/表演">娱乐/艺术/表演</option>
											<option value="律师/法务">律师/法务</option>
											<option value="教育/培训">教育/培训</option>
											<option value="公务员/行政/事业单位">公务员/行政/事业单位</option>
											<option value="模特/空姐">模特/空姐</option>
											<option value="自由职业/SOHO">自由职业/SOHO</option>
											<option value="其他">其他</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-automobile"></i><span>生活资料</span></span>
										<select class="am-form-field" name="life">
											<option value="有车有房">有车有房</option>
											<option value="有车无房">有车无房</option>
											<option value="无车有房">无车有房</option>
											<option value="无车无房">无车无房</option>
										</select>
									</div>
									<div id="city-sel">
										<div class="am-form-group am-input-group">
											<span class="am-input-group-label"><span>居住省份</span></span>
											<select class="am-form-field prov" name="province"></select>
										</div>
										<div class="am-form-group am-input-group">
											<span class="am-input-group-label"><span>居住城市</span></span>
											<select class="am-form-field city" name="city"></select>
										</div>
										<div class="am-form-group am-input-group">
											<span class="am-input-group-label"><span>居住县区</span></span>
											<select class="am-form-field dist" name="dist" disabled style="visibility: visible;"></select>
										</div>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><i class="am-icon am-icon-home"></i><span>详细地址</span></span>
										<textarea name="houseaddress" minlength="5" data-validation-message="*输入错误，请仔细检查" maxlength="100" min-height="40px" placeholder="请输入详细地址"></textarea>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><span>工作单位名称</span></span>
										<input type="text" name="workunit" class="am-form-field am-radius" required="">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><span>工作单位地址</span></span>
										<input type="text" name="workaddress" class="am-form-field am-radius" required="">
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><span>工作单位电话</span></span>
										<input type="text" name="worktelephone" class="am-form-field am-radius" required="">
									</div>
									<div class="am-g">
										<div class="am-u-sm-12 am-u-md-12 am-u-lg-4 am-u-lg-push-4">
											<button class="am-btn am-btn-success am-radius am-btn-block btn-submit" type="submit">确定</button>
										</div>
									</div>
								</div>
							</form>
						</div>

						<div class="am-tab-panel am-fade" id="options-tab">
							<form class="am-form am-container am-padding-bottom" method="post" action="">
								<div class="am-g am-padding-sm">
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><span>TA的年龄</span></span>
										<select class="am-form-field" name="niandai">
											<option value="60后">60后</option>
											<option value="70后">70后</option>
											<option selected value="80后">80后</option>
											<option value="90后">90后</option>
											<option value="其他">其他</option>
										</select>
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><span>TA的品质</span></span>
										<input class="am-form-field checkboxq" name="character" type="text" placeholder="选择我的品质" readonly required value="成熟、稳重、顾家、有责任心的男人。|阳光帅气、对生活充满热情的男人。|" />
									</div>
									<div class="am-form-group am-input-group">
										<span class="am-input-group-label"><span>我的品质</span></span>
										<input class="am-form-field checkboxq" name="characteristic" type="text" placeholder="选择我的品质" value="温柔|贤惠|" readonly required/>
									</div>
									<div class="am-u-sm-12">
										<h5 style="padding-bottom: 0;margin-bottom: 0;">　　在本网站推出的各地旅游相亲活动中，有一些活动可能会被全程拍成真人秀节目， 未来在视频网站上播出，对于愿意参加真人秀节目的嘉宾，所有费用全免。</h5>
										<div style="height: 5px;"></div>
										<div id="open-radio-alert" class="am-g">
											<div class="am-u-sm-6 am-text-right">
												<label class="am-radio-inline">
													<input type="radio" value="" name="publicstatus" value="1" required> 同意
												</label>
											</div>
											<div class="am-u-sm-6">
												<label class="am-radio-inline">
													<input type="radio" name="publicstatus" value="0"> 不同意
												</label>
											</div>
										</div>
										<div style="height: 5px;"></div>
										<div class=" am-u-sm-12">
											<p class="am-text-sm am-text-center">[选择此项意味着您对参加真人秀节目拍摄、播出的肖像权无任何争议。] </p>
										</div>
									</div>
									<div class="am-u-sm-12 am-text-center am-padding-bottom-sm" data-am-popover="{content: '请仔细观看提交须知', trigger: 'hover focus'}">
										<i class="iconfont icon-xinghao am-text-default am-text-middle am-text-danger"></i>
										<label class="am-radio-inline">
											<input type="radio" id="notice" name="notice" value="1" required> 我同意
											<a data-am-modal="{target: '#notice-popup'}" href="javascript:;"> "用户提交须知" </a>
										</label>
									</div>
									<hr />
									<div class="am-g">
										<div class="am-u-sm-12 am-u-md-12 am-u-lg-4 am-u-lg-push-4">
											<button class="am-btn am-btn-success am-radius am-btn-block" type="submit">确定</button>
										</div>
									</div>
								</div>
							</form>
						</div>

					</div>
					<div class="am-show-sm-only" style="height: 25px;"></div>
				</div>
				<!-- end 用户信息栏 -->
			</div>
			<!-- end 内容区域 -->
		</div>

		<!-- start 漂浮按钮 -->
		<div class="amz-toolbar">
			<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas', closeViaDimmer: 0}"></a>
		</div>
		<!-- end 漂浮按钮 -->

		<!-- 身份证信息验证通过弹窗 -->
		<div class="am-modal am-modal-alert" id="my-checkinfo">
			<div class="am-modal-dialog">
				<div class="am-modal-hd am-text-success">验证通过<span class="am-icon-check am-icon-sm am-text-success "></span></div>
				<div class="am-modal-bd">
					<span class="my-modal-content"></span>
				</div>
				<div class="am-modal-footer">
					<span class="am-modal-btn">
						<span class="am-text-success">确定提交</span>
					</span>
				</div>
			</div>
		</div>

		<!-- 选择我的品质弹窗 -->
		<div class="am-popup" id="my-quality-popup">
			<div class="am-popup-inner">
				<div class="am-popup-hd">
					<h4 class="am-popup-title">请选择</h4>
					<span data-am-modal-close class="am-close am-text-lg">&times;</span>
				</div>
				<div class="am-popup-bd">
					<form class="am-form">
						<div class="am-g">
							<div class="am-u-sm-12 my-modal-content">
							</div>
						</div>
						<div class="am-modal-footer">
							<span class="am-modal-btn">
								<span class="am-btn am-btn-success">确定</span>
							</span>
						</div>
					</form>
				</div>
			</div>
		</div>

		<!-- 提交须知弹窗 -->
		<div class="am-popup" id="notice-popup">
			<div class="am-popup-inner">
				<div class="am-popup-hd">
					<h4 class="am-popup-title">用户提交须知</h4>
					<span data-am-modal-close class="am-close">&times;</span>
				</div>
				<div class="am-popup-bd">
					<img class="am-img-thumbnail am-hide-sm-only" src="img/notice.jpg" />
					<img class="am-img-thumbnail am-show-sm-only" src="img/notice-m.jpg" />
					<div class="am-text-center am-margin-top-sm">
						<button data-am-modal-close class="am-btn am-btn-success am-round">同意</button>
					</div>
				</div>
			</div>
		</div>

		<!-- 头像裁剪 -->
		<div class="am-popup" tabindex="-1" id="my-upload-head">
			<div class="am-modal-dialog">
				<div class="am-modal-bd">
					<div id="clipArea">
					</div>
				</div>
				<div class="am-modal-footer" style="display: table;">
					<span class="am-modal-btn am-text-center">
						<span class="am-btn am-btn-primary" data-fn="changeImg"  id="new-change-img">选择图片</span>
					<input class="am-hide" type="file" name="head" id="file" accept="image/*">
					<span class="am-btn am-btn-success" id="clipBtn">裁剪完毕</span>
					</span>
				</div>
			</div>
		</div>
		<div class="am-modal am-modal-alert" tabindex="-1" id="my-clip-alert">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">TATA</div>
				<div class="am-modal-bd clip-alert-txt">
					图片太小，请重新选择!
				</div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-confirm>确定</span>
				</div>
			</div>
		</div>

		<!-- 脚本 -->
		<script type="text/javascript">
			var thisPage = "user";
		</script>
		<script src="http://apps.bdimg.com/libs/require.js/2.1.9/require.min.js" data-main="js/main"></script>
		<!--<script src="js/module/iscroll-zoom.js"></script>-->
	</body>

</html>